<div id="index">
    <ul class="subject slider" ng-show="subjects.length">
        <li ng-repeat="v in subjects" ng-class="{active: v.id == subject.id}">
            <em></em><a href="javascript:;" ng-click="subjectClicked(v.id)">{{v.name}}</a>
        </li>
    </ul>
    <div class="filter" ng-show="grades.length || terms.length || classes.length">
        <div class="item" ng-show="grades.length">
            <h5>年级：</h5>
            <ul class="slider">
                <li ng-repeat="v in grades" ng-class="{active: v.id == grade.id}">
                    <a href="javascript:;" ng-click="gradeClicked(v.id)">{{v.name}}</a>
                </li>
            </ul>
        </div>
        <div class="item" ng-show="terms.length">
            <h5>学期：</h5>
            <ul class="slider">
                <li ng-repeat="v in terms" ng-class="{active: v.id == term.id}">
                    <a href="javascript:;" ng-click="termClicked(v.id)">{{v.name}}</a>
                </li>
            </ul>
        </div>
        <div class="item" ng-show="classes.length">
            <h5>班型：</h5>
            <ul class="slider">
                <li ng-repeat="v in classes" ng-class="{active: v.id == class.id}">
                    <a href="javascript:;" ng-click="classClicked(v.id)">{{v.name}}</a>
                </li>
            </ul>
        </div>
    </div>
    <div class="result" ng-show="class.courses.length">
        <ul class="title">
            <li><span>课件</span></li>
            <li><span>讲义</span</li>
            <li><span>视频</span</li>
            <li><span>实例</span</li>
        </ul>
        <ul class="lists">
            <li ng-repeat="v in class.courses">
                <h1><strong>第 <em>{{$index+1}}</em> 讲</strong> {{v.name}}</h1>
                <ul>
                    <li><a ng-href="/item/{{v.id}}/page"><i class="iconfont icon-document"></i></a></li>
                    <li><a ng-href="/item/{{v.id}}/image"><i class="iconfont icon-open"></i></a></li>
                    <li><a ng-href="/item/{{v.id}}/video"><i class="iconfont icon-film"></i></a></li>
                    <li><a ng-href="/item/{{v.id}}/demo"><i class="iconfont icon-video"></i></a></li>
                </ul>
            </li>
        </ul>
    </div>
    <div class="empty" ng-show="!class.courses.length">
        <i class="iconfont icon-inothing"></i></a>
        <p>没有记录呢~</p>
    </div>
</div>
